<template>
  
  <div class="person">
    <h2>{{ a }}</h2>
    <!-- <h2>姓名: {{ name }}</h2>
    <h2>年龄: {{ age}}</h2>
    <button @click="showSex">查看性别</button>
    <button @click="changeName()">修改名字</button>
    <button @click="changeAge()">修改年龄</button> -->
  </div>
</template>

// 这个name 也就是在浏览器里面的标签的名字
<script setup lang="ts" name = 'FindYou'> // 相当于写了setup() {}
let a = 666
</script>



<style scoped >
.person {
  background-color: pink;
}
button {
  margin: 0 5px;
}
</style>